<script setup lang="ts">
import { defineProps, defineEmits } from 'vue';
import type { RouteRecordRaw } from 'vue-router'
import AdminHeaderNav from './AdminHeaderNav.vue'
import AdminHeaderLogo from './AdminHeaderLogo.vue'
import AdminHeaderStatus from './AdminHeaderStatus.vue'
interface Props {
  routes: RouteRecordRaw[];
}
defineProps<Props>()
const handleSelect = defineEmits(['handleSelect']);
</script>

<template>
  <el-row>
    <el-col :span="3">
      <AdminHeaderLogo></AdminHeaderLogo>
    </el-col>
    <el-col :span="18">
      <AdminHeaderNav :routes @handleSelect="handleSelect"></AdminHeaderNav>
    </el-col>
    <el-col :span="3">
      <AdminHeaderStatus></AdminHeaderStatus>
    </el-col>
  </el-row>
</template>

<style scoped lang="scss">

</style>